<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播</title>
    <!--layui引用-->
    <link rel="stylesheet" href="../../common/util/layui/css/layui.css">
    <link rel="stylesheet" href="../style/atb-shuffling.css">

    <script src="../../common/util/layui/layui.js"></script>
    <script src="../script/atb-shuffling.js"></script>
</head>
<body>

<!--轮播-->
<div class="layui-carousel" id="atb-shuffling" style="width: 100%">
    <div carousel-item>
        <div><a href="" style="background:url(../image/atb/1.jpg) center top no-repeat"></a></div>
        <div><a href="" style="background:url(../image/atb/2.jpg) center top no-repeat"></a></div>
        <div><a href="" style="background:url(../image/atb/3.jpg) center top no-repeat"></a></div>
        <div><a href="" style="background:url(../image/atb/4.jpg) center top no-repeat"></a></div>
    </div>
</div>
<!--列表入口-->
<div id="atb-entrance" style="width: 100%">
    <ul>
        <li class="layui-bg-blue"><a href="">范天明</a></li>
        <li class="layui-bg-green"><a href="">安天宝</a></li>
        <li class="layui-bg-orange"><a href="">方宇</a></li>
        <li class="layui-bg-cyan"><a href="">张敏</a></li>
    </ul>
</div>

</body>
</html>